<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
		<title>Unused styles plugin</title>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
		<script type="text/javascript" src="jquery.unused.js"></script>
		<script type="text/javascript">
			$(window).load(function() { $.unusedStyles(); });
		</script>
		<style type="text/css">
			.rule1 { }
			.rule2 { }
			p.rule3 { }
			body p.rule4 { }
		</style>
		<link rel="stylesheet" type="text/css" href="test.css"/>
	</head>
	<body>
		<p class="rule3">Rule 3 paragraph</p>
		<p class="rule1">Rule 1 paragraph</p>
	</body>
</html>